<!--
 * @Author: myw
 * @Email: 516378746@qq.com
 * @Date: 2020-03-11 09:44:14
 * @Descripttion: 
 -->
<div class="tab_container">
    <div class="left_btn" (click)="prevSlider()">
        <i nz-icon nzType="left" nzTheme="outline"></i>
    </div>
    <div class="tab_list">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <ng-container *ngFor="let item of allTabs; let i = index">
                    <div [title]="item.title" class="swiper-slide" (click)="switchTab(item)"
                        [ngClass]="selectTabIndex === item.uid ? 'active':''" *ngIf="item"
                        (contextmenu)="contextMenu($event, menu, item)">
                        <span>{{ item.title }}</span>
                        <i (click)="closeCurTab($event, item)" nz-icon nzType="close-circle" nzTheme="outline"></i>
                    </div>
                </ng-container>
            </div>
        </div>
    </div>
    <div class="right_btn" (click)="nextSlider()">
        <i nz-icon nzType="right" nzTheme="outline"></i>
    </div>
    <nz-dropdown-menu #menu="nzDropdownMenu">
        <ul nz-menu [ngStyle]="{'top': dropdownMenuTop, 'left': dropdownMenuLeft}">
            <li nz-menu-item (click)="contextCloseCur($event)">关闭当前</li>
            <li nz-menu-item (click)="contextCloseOther()">关闭其他</li>
        </ul>
    </nz-dropdown-menu>
</div>